<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>检测报告</title>
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<style>
			body {
				background: white;
			}
			
			.headbar {
				background-color: #3ac9af;
			}
			
			.mui-icon-left-nav {
				color: white;
			}
			
			.mui-title {
				color: white;
			}
			
			.mui-content {
				background: white;
				margin-top:20px;
			}
			/********mui-content********/
			
			.mui-content .top {
				height: 40px;
				border-bottom: 1px solid #dddddd;
				color: #777777;
				font-size: 16px;
			}
			
			.top .s1 {
				float: left;
				margin: 10px 0px 0px 15px;
			}
			
			.top .s2 {
				float: right;
				margin: 10px 0px 0px 0px;
				color: #fda649;
			}
			
			.top .s3 {
				float: right;
				margin: 10px 15px 0px 0px;
			}
			
			.center {
				margin: 15px 15px 15px 15px;
				border: 1px solid #d3dbe1;
				height: 180px;
			}
			
			.center .p1 {
				margin: 35px 0px 0px 50px;
				text-align: center;
				border-radius: 55px;
				height: 110px;
				width: 110px;
				background: #3ac9af;
				display: inline-block;
				padding: 30px 20px 0px 20px;
				color: white;
				line-height: 24px;
				font-size: 18px;
			}
			
			.center .p2 {
				float: right;
				margin: 82px 70px 0px 0px;
				border-bottom: 1px solid #555555;
				color: #555555;
				font-size: 18px;
			}
			.foot{
				padding-left:6px;
			}
			.foot .tihao {
				text-align: center;
				margin: 7px 10px 0px 8px;
				padding: 5px 0px 0px 0px;
				border-radius: 16px;
				border: 0px solid #fda649;
				height: 32px;
				width: 32px;
				background: #fda649;
				display: inline-block;
				color: white;
				font-size: 21px;
			}
			
			.foot .tihao.act {
				background: #eb7070;
				color: white;
			}
			/******foot按钮******/
			
			#nav-mui-bar {
				background-color: white;
			}
			
			.footbtndiv {
				text-align: center;
				padding-top: 13px;
			}
			
			.footbtnspan {
				padding: 6px 18px 6px 18px;
				border: 1px solid #ffba7e;
				border-radius: 3px;
				color: #ffba7e;
				font-size: 13px;
			}
		</style>
	</head>

	<body>
		<form>
			<input type="hidden" id="catalogname">
			<input type="hidden" id="catalogid">
			<input type="hidden" id="resname">
			<input type="hidden" id="resid">
		</form>
		<header class="mui-bar mui-bar-nav headbar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" id="backtestindex"></a>
			</a>
			<h1 class="mui-title">检测报告</h1>
		</header>
		<div class="mui-content">
			<div class="top">
				<span class="s1" id="testtitle"></span><span class="s3" id="stotal">/3</span><span class="s2" id="sright">2</span>
			</div>
			<div class="center">
				<span class="p1" id="rightnum"><!--&nbsp;答对了2&nbsp;道题--></span><span class="p2" id="total"><!--共&nbsp;3&nbsp;道题--></span>
			</div>
			<div class="foot" id="tihaos"><!--<span class="tihao">1</span><span class="tihao">2</span><span class="tihao act">3</span>--></div>
		</div>
		<nav class="mui-bar mui-bar-tab" id="nav-mui-bar">
			<div class="footbtndiv" id="viewanalysis"><span class="footbtnspan">查看解析</span></div>
		</nav>
	</body>
	<script type="text/javascript" src="../../js/mui.min.js"></script>
	<script src="../../script/config.js"></script>
	<script src="../../script/moocpublic.js"></script>
	<script src="../../js/DMobileFrame_DownLoadUtil.js"></script>
	<script src="script/testreport.js"></script>

</html>